<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>주소록</title>
<link type="text/css" rel="stylesheet" href="css/basic80.css" />
<style type="text/css">
body {
	margin-top: 0;
	margin-left: 4px;
	margin-bottom: 0px;
	margin-right: 6px;
	padding: 0;
}
</style>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/contact_list.js"></script>
<script type="text/javascript">
var remove_duplication_add = '중복된 항목을 제거한 후 추가되었습니다.';
var not_added = '추가되지 않았습니다.';
var not_deleted = '삭제되지 않았습니다.';
var not_select = '선택된 항목이 없습니다.';
var not_change = '변경되지 않았습니다.';
var not_shared = '공유되지 않았습니다.';
var has_corrected = '수정되었습니다.';
var has_deleted = '삭제되었습니다.';
var has_added_group = '선택한 그룹에 추가되었습니다.';
var has_shared = '공유되었습니다.';
var send_indiv_mail = '수신자 100명 이상인 경우, 개별발송됩니다.';
var enter_number = '숫자만 입력 가능합니다.';
</script>
</head>
<body>
<input type="hidden" name="owner_id" id="owner_id" value="001002806" />
<input type="hidden" name="filter_type" id="filter_type" value="" />
<input type="hidden" name="filter_term" id="filter_term" value="" />
<input type="hidden" name="filter_title" id="filter_title" value="" />
<input type="hidden" name="selected_page" id="selected_page" value="" />
<div class="content_box">
    <div id="content">
        <div class="title_area"><h2 class="title"><span title="HOME > 메일 > 주소록 > 개인주소록">개인주소록</span> </h2>
        </div>
        <!-- 빠른 주소 추가 -->
        <div class="quick_add">
            <span class="quick_title">빠른추가</span>
            <input type="text" size="12" value="이름" onFocus=value= "" class="inp_txt" />
            <input type="text" size="26" value="이메일" onFocus=value= "" class="inp_txt" />
            <input type="text" size="16" value="휴대폰" onFocus=value= "" class="inp_txt" />
            <div class="quick_group"> <a href="#" class="slct_more">그룹추가</a> 
                <!-- 그룹리스트 -->
                <div class="group_box" style="display: none;">
                    <ul class="group_lst">
                        <!-- 체크박스 숨김 : class="group_lst no_check" -->
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명 그룹명그룹명 그룹명 그룹명 그룹명 그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                        <li>
                            <input type="checkbox" name="input" class="inchk">
                            <span>그룹명</span></li>
                    </ul>
                    <p class="add_group">
                        <input type="text" size="15" value="그룹명입력" onFocus=value= "" class="inp_txt" />
                        <span class="btn_small"><a href="#">추가</a></span> </p>
                    <ul class="btns_s">
                        <li><span class="btn_small"><strong><a href="#">확인</a></strong></span></li>
                        <li><span class="btn_small"><a href="#">취소</a></span></li>
                    </ul>
                </div>
                <!-- //그룹리스트 --> 
            </div>
            <a href="#" class="add_addr"><span>주소추가</span></a> </div>
        <!-- //빠른 주소 추가 --> 
        <!-- 리스트 정렬 필터 -->
        <div class="filter_area">
            <ul class="word_thmb">
                <li><a href="#" title="전체" class="select"><span>전체</span></a></li>
                <li><a href="#" title="ㄱ"><span>ㄱ</span></a></li>
                <li><a href="#" title="ㄴ"><span>ㄴ</span></a></li>
                <li><a href="#" title="ㄷ"><span>ㄷ</span></a></li>
                <li><a href="#" title="ㄹ"><span>ㄹ</span></a></li>
                <li><a href="#" title="ㅁ"><span>ㅁ</span></a></li>
                <li><a href="#" title="ㅂ"><span>ㅂ</span></a></li>
                <li><a href="#" title="ㅅ"><span>ㅅ</span></a></li>
                <li><a href="#" title="ㅇ"><span>ㅇ</span></a></li>
                <li><a href="#" title="ㅈ"><span>ㅈ</span></a></li>
                <li><a href="#" title="ㅊ"><span>ㅊ</span></a></li>
                <li><a href="#" title="ㅋ"><span>ㅋ</span></a></li>
                <li><a href="#" title="ㅌ"><span>ㅌ</span></a></li>
                <li><a href="#" title="ㅍ"><span>ㅍ</span></a></li>
                <li><a href="#" title="ㅎ"><span>ㅎ</span></a></li>
                <li><a href="#" title="A~Z"><span>A~Z</span></a></li>
                <li><a href="#" title="0~0"><span>0~9</span></a></li>
            </ul>
            <!--
				<ul class="lst_move">
					<li><a href="#" title="이전페이지" class="pre_lst">이전</a></li>
					<li><a href="#" title="다음페이지" class="next_lst_inert">다음</a></li>
				</ul>
				 --> 
        </div>
        <!-- //리스트 정렬 필터 --> 
        <!-- 검색영역 -->
        <div class="srch_area">
            <fieldset class="search">
                <legend>검색</legend>
                <select id="search_type" name="search_type">
                    <option value="0" selected>이름</option>
                    <option value="1">회사명</option>
                    <option value="2">전화번호</option>
                </select>
                <input type="text" id="search_term" name="search_term" size="15" style="IME-MODE: ACTIVE" value="" onKeyPress="if(event.keyCode == 13){search();}" />
                <a onfocus="blur();" href="javascript:search()" title="검색" class="srch_btn">검색</a><a onfocus="blur();" href="javascript:search()" title="검색" class="srch_btn">상세검색</a>
            </fieldset>
        </div>
        <!-- //검색영역 --> 
        <!-- 버튼영역 -->
        <div class="btn_area">
            <ul class="btns">
                <li><a href="#"><span>새주소</span></a></li>
                <li><a href="#"><span>그룹관리</span></a></li>
                <li><a href="#"><span>삭제</span></a></li>
                <li><a href="#"><span>편지쓰기</span></a></li>
                <li><a href="#"><span>그룹에추가</span></a>
                <li class="group"><a href="#" class="btn_lft">가져오기</a>
                <li><a href="#" class="btn_rgt">내보내기</a>
                    <!-- 그룹리스트 -->
                    <div class="group_box" style="display: none;">
                        <ul class="group_lst no_check">
                            <!-- 체크박스 숨김 : class="group_lst no_check" -->
                            <li>
                                <input type="checkbox" name="input" class="inchk">
                                <span>그룹명</span></li>
                            <li>
                                <input type="checkbox" name="input" class="inchk">
                                <span>그룹명</span></li>
                            <li>
                                <input type="checkbox" name="input" class="inchk">
                                <span>그룹명</span></li>
                            <li>
                                <input type="checkbox" name="input" class="inchk">
                                <span>그룹명</span></li>
                            <li>
                                <input type="checkbox" name="input" class="inchk">
                                <span>그룹명</span></li>
                        </ul>
                        <p class="add_group" style="display: none">
                            <input type="text" size="15" value="그룹명입력" onFocus=value= "" class="inp_txt" />
                            <span class="btn_small"><a href="#">추가</a></span> </p>
                        <ul class="btns_s" style="display: none">
                            <li><span class="btn_small"><strong><a href="#">확인</a></strong></span></li>
                            <li><span class="btn_small"><a href="#">취소</a></span></li>
                        </ul>
                    </div>
                    <!-- //그룹리스트 --></li>
            </ul>
            <div class="section_r">
                <ul class="lst_option">
                    <li>
                        <select name="list_per_page" id="list_per_page" onchange="per_page()">
                            <option value="15" selected>15adfadf</option>
                            <option value="20">20</option>
                            <option value="30">30</option>
                            <option value="40">40</option>
                            <option value="50">50</option>
                        </select>
                    </li>
                    <li>
                        <select name="list_per_page" id="list_per_page" onchange="per_page()">
                            <option value="15" selected>15</option>
                            <option value="20">20</option>
                            <option value="30">30</option>
                            <option value="40">40</option>
                            <option value="50">50</option>
                        </select>
                    </li>
                </ul>
                <ul class="btn_icons">
                    <li class="btn_divider"></li>
                    <li><a onfocus="blur();" href="javascript:prev()" title="이전페이지" class="btn_lft"><img src="images/btn_before.gif" alt="이전페이지"></a></li>
                    <li class="group"><a onfocus="blur();" href="javascript:next()" title="다음페이지" class="btn_rgt"><img src="images/btn_next.gif" alt="다음페이지"></a></li>
                    <li class="btn_divider"></li>
                    <li><a onfocus="blur();" href="javascript:excel()" title="EXCEL보기"><img src="images/btn_excel.gif" alt="EXCEL보기"></a></li>
                    <li><a onfocus="blur();" href="javascript:reload()" title="새로고침"><img src="images/btn_reload.gif" alt="새로고침"></a></li>
                </ul>
            </div>
        </div>
        <!-- //버튼영역 --> 
        <!-- 주소록 리스트 -->
        <!-- 버튼라인이 없는 단독 테이블 class="content_lst no_btn" -->
        <table border="0" cellspacing="0" cellpadding="0" class="content_lst">
            <col width="30px">
            <col width="100px">
            <col width="">
            <col width="13%">
            <col width="15%">
            <col width="13%">
            <col width="40px">
            <col width="40px">
            <tr>
                <th scope="col" class="input_chk"> <input type="checkbox" name="" class="inchk">
                <th scope="col" class="cen"> <!-- 오름차순ascendent / 내림차순descend --> 
                    <a href="#" class="descend">이름</a> </th>
                <th scope="col" class="cen">이메일</th>
                <th scope="col" class="cen">휴대전화번호</th>
                <th scope="col" class="cen">회사명</th>
                <th scope="col" class="cen">회사전화번호</th>
                <th scope="col" class="cen">메모</th>
                <th scope="col" class="cen"> <a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a> </th>
            </tr>
            <tbody>
                <tr>
                    <td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
                    <td>최희선</td>
                    <td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
                    <td>010-1234-5678</td>
                    <td><a href="#" title="회사정보">핸디소프트</a></td>
                    <td>070-4483-9000</td>
                    <td class="cen"><img src="images/ico_memo.gif" alt="메모" width="11" height="12"></td>
                    <td class="cen"><a href="#"><img src="images/btn_share_on.gif" width="34" height="14"></a></td>
                </tr>
                <tr>
                    <td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
                    <td>최희선</td>
                    <td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
                    <td>010-1234-5678</td>
                    <td><a href="#" title="회사정보">핸디소프트</a></td>
                    <td>070-4483-9000</td>
                    <td class="cen"></td>
                    <td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
                </tr>
                <tr>
                    <td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
                    <td>최희선</td>
                    <td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
                    <td>010-1234-5678</td>
                    <td><a href="#" title="회사정보">핸디소프트</a></td>
                    <td>070-4483-9000</td>
                    <td class="cen"></td>
                    <td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
                </tr>
                <tr>
                    <td class="input_chk"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="cen"></td>
                    <td class="cen"></td>
                </tr>
                <tr>
                    <td class="input_chk"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="cen"></td>
                    <td class="cen"></td>
                </tr>
                <tr>
                    <td class="input_chk"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="cen"></td>
                    <td class="cen"></td>
                </tr>
                <tr>
                    <td class="input_chk"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="cen"></td>
                    <td class="cen"></td>
                </tr>
                <tr>
                    <td class="input_chk"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="cen"></td>
                    <td class="cen"></td>
                </tr>
                <tr>
                    <td class="input_chk"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="cen"></td>
                    <td class="cen"></td>
                </tr>
                <tr>
                    <td class="input_chk"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="cen"></td>
                    <td class="cen"></td>
                </tr>
            </tbody>
        </table>
        <!-- //주소록 리스트 --> 
        <!-- 버튼영역 -->
        <div class="paginate_area"> 
            <!-- 페이지네이션 -->
            <div class="Paginate"><span class="num txt">First</span><span href="#" class="css_arr"><span class="arr_l"></span></span><span class="num now">1</span><a href="javascript:;" onclick="go_page(2)" onfocus="blur();"> <span class="num">2</span></a><a href="javascript:;" onclick="go_page(3)" onfocus="blur();"> <span class="num">3</span></a><a href="javascript:;" onclick="go_page(4)" onfocus="blur();"> <span class="num">4</span></a><a href="javascript:;" onclick="go_page(5)" onfocus="blur();"> <span class="num">5</span></a><a href="javascript:;" onclick="go_page(6)" onfocus="blur();"> <span class="num">6</span></a><a href="#" class="css_arr"><span class="arr_r"></span></a><a href="#"><span class="num txt">Last</span></a>
                <input id="target_page" name="target_page" class="inp_txt" maxlength="3" value="1" onkeypress="if(event.keyCode == 13){go_page(this.value);}">
                <span class="page_all">/ 6</span><a href="#" hidefocu="" onfocus="blur();" onclick="go_page($('target_page').value)"><span class="num"  id="gotopage">이동</span></a></div>
            <!-- //페이지네이션 --> 
        </div>
        <!-- //버튼영역 --> 
        
    </div>
</div>
</body>
</html>
